<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:body>
        <div class="change_pass">
            <h:form>
                <h3 style="color: #3F8AAC; margin: 10px 0 10px 25px;">
                    Enter the keyword :   <h:inputText style="font-family: Arial;font-size: 13px;"  value="#{vacancyManagedBean.name}"
                                                       valueChangeListener="#{vacancyManagedBean.findIDVancancy}">
                        <f:ajax  event="keyup" render="ajaxOutput"/>
                    </h:inputText> &nbsp;
                    <h:selectOneMenu   value="#{vacancyManagedBean.select}" style="font-family: Arial;font-size: 13px;" valueChangeListener="#{vacancyManagedBean.setQuery}">
                        <f:ajax event="change"/>
                        <f:selectItem itemLabel="---Select---" itemValue="0" ></f:selectItem>
                        <f:selectItem itemLabel="Vacancy ID" itemValue="1" ></f:selectItem>
                        <f:selectItem itemLabel="Vacancy Title" itemValue="2"></f:selectItem>
                    </h:selectOneMenu>
                </h3>
                <f:view>
                    <h:dataTable style="text-align: left;" columnClasses="bd_td1,bd_td,bd_td,bd_td,bd_td" cellpadding="3" cellspacing="1" border="0" styleClass="joblist" rowClasses="list_footer_cell" headerClass="list_header_cell"  id="ajaxOutput" value="#{interviewsManagedBean.listVacancy}" var="item">

                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="VacantyTitle"/>
                            </f:facet>                   
                            <h:outputText value="${item.vacantyTitle}" />
                        </h:column>
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="NumOfJob"/>
                            </f:facet>
                            <h:outputText  value="${item.numOfJob}" />
                        </h:column>
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="Salary"/>
                            </f:facet>
                            <h:outputText  value="${item.salary}" />
                        </h:column>
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="Experience"/>
                            </f:facet>                         
                            <h:outputText  value="${item.experience}" />
                        </h:column>

                        <h:column >
                            <f:facet name="header">
                                <h:outputText value="Status"/>
                            </f:facet>
                            <h:selectOneMenu value="${item.vaStatus}" disabled="true">
                                <f:selectItem itemLabel="---Select---" itemValue="0" ></f:selectItem>
                                <f:selectItem itemLabel="Open" itemValue="1" ></f:selectItem>
                                <f:selectItem itemLabel="Close" itemValue="2"></f:selectItem>
                                <f:selectItem itemLabel="Suspended" itemValue="3"></f:selectItem>
                            </h:selectOneMenu>
                        </h:column>
                    </h:dataTable>

                </f:view>
            </h:form>
        </div>
    </h:body>



</html>

